<!--
此文件为开发者工具生成，生成时间: 2024/3/14下午1:58:53
使用方法：
在 E:\work\hbuilderx_program\AnnoyFreeExperience\unpackage\dist\dev\mp-weixin\pages\detection\suggest\suggest.wxml 引入模板

```
<import src="suggest.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 E:\work\hbuilderx_program\AnnoyFreeExperience\unpackage\dist\dev\mp-weixin\pages\detection\suggest\suggest.wxss 中引入样式
```
@import "./suggest.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
	<view class="sk-container">
		<view class="content">
			<view class="LifeAdvice mt45">
				<view class="tipView">
					<view class="tipLine ml28" style="background-color:#1BC91A;"></view>
					<text class="LifeAdvice_title sk-transparent sk-text-14-2857-576 sk-text"
						style="margin-left:9px;">生活建议</text>
				</view>
				<view class="mt45" style="margin-left:29px;">
					<text
						class="LifeAdvice_content sk-transparent sk-text-14-2857-687 sk-text">熬夜可导致血压的升高，经常熬夜可以加重动脉硬化，还可以加重心脑血管的负担，出现一些心脑血管的并发症。</text>
					<text class="LookDetailText sk-transparent sk-text-14-2857-77 sk-text">查看详情</text>
				</view>
			</view>
			<view class="LifeAdvice mt45">
				<view class="tipView">
					<view class="tipLine ml28"></view>
					<text class="LifeAdvice_title sk-transparent sk-text-14-2857-601 sk-text"
						style="margin-left:9px;">饮食建议</text>
				</view>
				<view class="mt45" style="margin-left:29px;">
					<text
						class="LifeAdvice_content sk-transparent sk-text-14-2857-602 sk-text">一日三餐的热能比例分配要合理，三餐热能分配是：早餐占25％，中餐占40％，晚餐占35％。...</text>
					<text class="LookDetailText sk-transparent sk-text-14-2857-752 sk-text">查看详情</text>
				</view>
			</view>
			<view class="card3">
				<view class="card3_item1">
					<view class="card3_item1_time flex-c">
						<text class="card3_item1_time_T1 sk-transparent sk-text-14-2857-221 sk-text">早餐</text>
						<text class="card3_item1_time_T2 sk-transparent sk-text-14-2857-126 sk-text">ZAO CAN</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-192 sk-text">酸奶</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-664 sk-text">荞麦面</text>
					</view>
				</view>
				<view class="card3_item1">
					<view class="card3_item1_time flex-c">
						<text class="card3_item1_time_T1 sk-transparent sk-text-14-2857-849 sk-text">午餐</text>
						<text class="card3_item1_time_T2 sk-transparent sk-text-14-2857-293 sk-text">WU CAN</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-459 sk-text">米饭</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-978 sk-text">鲫鱼</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-498 sk-text">芹菜肉丝</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-827 sk-text">生菜</text>
					</view>
				</view>
				<view class="card3_item1">
					<view class="card3_item1_time flex-c">
						<text class="card3_item1_time_T1 sk-transparent sk-text-14-2857-447 sk-text">晚餐</text>
						<text class="card3_item1_time_T2 sk-transparent sk-text-14-2857-160 sk-text">WAN CAN</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-707 sk-text">白玉菇炒肉</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-235 sk-text">清炒秋葵</text>
					</view>
					<view class="card3_item1_food flex-c ML33">
						<image class="sk-image"></image>
						<text class="sk-transparent sk-text-14-2857-283 sk-text">西蓝花</text>
					</view>
				</view>
			</view>
			<view class="card_cookBook">
				<view class="card_cookBook_item">
					<image class="sk-image"></image>
					<view class="card_cookBook_item_R">
						<text
							class="card_cookBook_item_RT_text sk-transparent sk-text-14-2857-91 sk-text">菜谱|土豆焖鸡丁</text>
						<view style="margin-top:5px;">
							<text
								class="LifeAdvice_content sk-transparent sk-text-14-2857-38 sk-text">鸡胸肉蛋白质含量较高，且易被人体吸收入利</text>
							<text class="LookDetailText sk-transparent sk-text-14-2857-571 sk-text">查看详情</text>
						</view>
					</view>
				</view>
				<view class="card_cookBook_item">
					<image class="sk-image"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "skeleton ",
		data() {
			return {

			};
		}
	}
</script>

<style>
	/*
	此文件为开发者工具生成，生成时间: 2024/3/14下午1:58:53
	
	在 E:\work\hbuilderx_program\AnnoyFreeExperience\unpackage\dist\dev\mp-weixin\pages\detection\suggest\suggest.wxss 中引入样式
	```
	@import "./suggest.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
		color: transparent !important;
	}

	.sk-text-14-2857-576 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 53.8462rpx;
		position: relative !important;
	}

	.sk-text {
		background-origin: content-box !important;
		background-clip: content-box !important;
		background-color: transparent !important;
		color: transparent !important;
		background-repeat: repeat-y !important;
	}

	.sk-text-14-2857-687 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-77 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-601 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 53.8462rpx;
		position: relative !important;
	}

	.sk-text-14-2857-602 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-752 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-221 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 48.4615rpx;
		position: relative !important;
	}

	.sk-text-14-2857-126 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 18.8462rpx;
		position: relative !important;
	}

	.sk-text-14-2857-192 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-664 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-849 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 48.4615rpx;
		position: relative !important;
	}

	.sk-text-14-2857-293 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 18.8462rpx;
		position: relative !important;
	}

	.sk-text-14-2857-459 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-978 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-498 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-827 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-447 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 48.4615rpx;
		position: relative !important;
	}

	.sk-text-14-2857-160 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 18.8462rpx;
		position: relative !important;
	}

	.sk-text-14-2857-707 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-235 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-283 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-91 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 53.8462rpx;
		position: relative !important;
	}

	.sk-text-14-2857-38 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-text-14-2857-571 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 43.0769rpx;
		position: relative !important;
	}

	.sk-image {
		background: #EFEFEF !important;
	}

	.sk-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: transparent;
	}
</style>